<!DOCTYPE html>
<html>
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>XXX管理系统</title>

    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="/resources/console/img/buildCloud_logo.png" type="image/x-icon">

    <!--Basic Styles-->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link id="bootstrap-rtl-link" href="" rel="stylesheet"/>
    <link href="assets/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="assets/css/weather-icons.min.css" rel="stylesheet"/>

    <!--Beyond styles-->
    <link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/demo.min.css" rel="stylesheet"/>
    <link href="assets/css/typicons.min.css" rel="stylesheet"/>
    <link href="assets/css/animate.min.css" rel="stylesheet"/>
    <link id="skin-link" href="" rel="stylesheet" type="text/css"/>

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="assets/js/skins.min.js"></script>

    <!--Custom Styles-->
</head>
<!-- /Head -->
<!-- Body -->
<body>
<!-- Loading Container -->
<div class="loading-container">
    <div class="loader"></div>
</div>
<!--  /Loading Container -->
<!-- Navbar -->
<div class="navbar">
    <div class="navbar-inner">
        <div class="navbar-container">
            <!-- Navbar Barnd -->
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <img src="assets/img/logo.png" alt=""/>
                    </small>
                </a>
            </div>
            <!-- /Navbar Barnd -->
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="collapse-icon fa fa-bars"></i>
            </div>
            <!-- Account Area and Settings --->
            <div class="navbar-header pull-right">
                <div class="navbar-account">
                    <ul class="account-area">
                        <li>
                            <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                <div class="avatar" style="border: 0px">
                                    <img src="resources/console/img/default_pic.png">
                                </div>
                                <section>
                                    <h2><span class="profile"><span style="width: 70px; text-align: center">admin</span></span>
                                    </h2>
                                </section>
                            </a>
                            <!--/Login Area Dropdown-->
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                <!--Avatar Area-->
                                <li>
                                    <div class="avatar-area">
                                        <img src="resources/console/img/default_pic.png" class="avatar">
                                    </div>
                                </li>
                                <!--Avatar Area-->
                                <li class="edit">
                                    <!--<a href="profile.html" class="pull-left">Profile</a>-->
                                    <a href="#" class="pull-right" id="updatePwd">修改密码</a>
                                </li>
                            </ul>
                        </li>
                        <!-- Settings -->
                    </ul>
                    <div class="setting">
                        <a title="退出" href="/login.html">
                            <i class="icon glyphicon glyphicon-off"></i>
                        </a>
                    </div>
                </div>
            </div>
            <!-- /Account Area and Settings -->
        </div>
    </div>
</div>
<!-- /Navbar -->
<!-- Main Container -->
<div class="main-container container-fluid">
    <!-- Page Container -->
    <div class="page-container">

        <!-- Page Sidebar -->
        <div class="page-sidebar" id="sidebar">
            <!-- Sidebar Menu -->
            <div class="sidebar-header-wrapper">
                <input type="text" class="searchinput"/>
                <i class="searchicon fa fa-search"></i>
            </div>
            <ul class="nav sidebar-menu" id="nav_menu">
            </ul>
            <!-- /Sidebar Menu -->
        </div>
        <!-- /Page Sidebar -->
        <!-- Page Content -->
        <div class="page-content">
            <!-- Page Header -->
            <div class="page-header position-relative">
                <div class="header-title">
                    <ul class="breadcrumb" style="line-height: 40px; margin-left: 0px">
                        <li>
                            <i class="fa fa-home"></i>
                            <a href="/index.html">首页</a>
                        </li>
                        <li class="active">Dashboard</li>
                    </ul>
                </div>
                <!--Header Buttons-->
                <div class="header-buttons">
                    <a class="refresh" id="refresh-toggler" href="javascript:void(0);" title="刷新">
                        <i class=" glyphicon glyphicon-refresh"></i>
                    </a>
                    <a class="fullscreen" id="fullscreen-toggler" href="#" title="全屏">
                        <i class="glyphicon glyphicon-fullscreen"></i>
                    </a>
                </div>
                <!--Header Buttons End-->
            </div>
            <!-- /Page Header -->
            <!-- Page Body -->
            <div class="page-body" style="padding: 5px">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="databox bg-white radius-bordered">
                            <div class="databox-left bg-themesecondary">
                                <div class="databox-piechart">
                                    <div data-toggle="easypiechart" class="easyPieChart" data-barcolor="#fff"
                                         data-linecap="butt" data-percent="50" data-animate="500" data-linewidth="3"
                                         data-size="47" data-trackcolor="rgba(255,255,255,0.1)"><span
                                            class="white font-90">50%</span></div>
                                </div>
                            </div>
                            <div class="databox-right">
                                <span class="databox-number themesecondary">28</span>
                                <div class="databox-text darkgray">NEW TASKS</div>
                                <div class="databox-stat themesecondary radius-bordered">
                                    <i class="stat-icon icon-lg fa fa-tasks"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="databox bg-white radius-bordered">
                            <div class="databox-left bg-themethirdcolor">
                                <div class="databox-piechart">
                                    <div data-toggle="easypiechart" class="easyPieChart" data-barcolor="#fff"
                                         data-linecap="butt" data-percent="15" data-animate="500" data-linewidth="3"
                                         data-size="47" data-trackcolor="rgba(255,255,255,0.2)"><span
                                            class="white font-90">15%</span></div>
                                </div>
                            </div>
                            <div class="databox-right">
                                <span class="databox-number themethirdcolor">5</span>
                                <div class="databox-text darkgray">NEW MESSAGE</div>
                                <div class="databox-stat themethirdcolor radius-bordered">
                                    <i class="stat-icon  icon-lg fa fa-envelope-o"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="databox bg-white radius-bordered">
                            <div class="databox-left bg-themeprimary">
                                <div class="databox-piechart">
                                    <div id="users-pie" data-toggle="easypiechart" class="easyPieChart"
                                         data-barcolor="#fff" data-linecap="butt" data-percent="76" data-animate="500"
                                         data-linewidth="3" data-size="47" data-trackcolor="rgba(255,255,255,0.1)"><span
                                            class="white font-90">76%</span></div>
                                </div>
                            </div>
                            <div class="databox-right">
                                <span class="databox-number themeprimary">92</span>
                                <div class="databox-text darkgray">NEW USERS</div>
                                <div class="databox-state bg-themeprimary">
                                    <i class="fa fa-check"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="databox bg-white radius-bordered">
                            <div class="databox-left no-padding">
                                <img src="assets/img/avatars/john-smith.jpg" style="width:65px; height:65px;">
                            </div>
                            <div class="databox-right padding-top-20">
                                <div class="databox-stat palegreen">
                                    <i class="stat-icon icon-xlg fa fa-phone"></i>
                                </div>
                                <div class="databox-text darkgray">JOHN SMITH</div>
                                <div class="databox-text darkgray">TOP RESELLER</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Page Body -->
        </div>
        <!-- /Page Content -->

    </div>
    <!-- /Page Container -->
</div>
<!--Basic Scripts-->
<script src="assets/js/jquery.min.js"></script>

<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slimscroll/jquery.slimscroll.min.js"></script>

<!--Beyond Scripts-->
<script src="assets/js/beyond.min.js"></script>

<!--Custom Scripts-->
<script type="text/javascript" src="resources/console/js/common/common.js"></script>
<script type="text/javascript" src="resources/console/js/common/nav.js"></script>

<script type="text/javascript" src="resources/console/js/index.js"></script>
</body>
<!--  /Body -->
</html>